<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<script>
    //判断用户名输入字段是否为admin
    function showMessage(){
        //获取到用户名文本框
        var username= document.getElementById("username");
        //验证信息
        if(username.value !=="admin"){
            alert("用户输入错误，请重新输入");
        }
    }
    //点击提交执行后执行事件，把自我介绍的内容弹框提示出来
    function submitEvent(){
        var  synopsis = document.getElementById("synopsis");
        alert("自我介绍为："+synopsis.value);
}
</script>
<!--
    编写一个注册用户信息页面，需求如下：
    表单中包括：用户名，密码，性别，学历（本科，专科），自我介绍
    输入完用户名后校验只能是"admin"，否则弹框提示错误
    点击提交执行后执行事件，把自我介绍的内容弹框提示出来；
-->
<body>
    <h2>注册用户</h2>
    <from action>
        <p>用户名: <input id="username" type="text" placeholder="请输入帐号..." onblur="showMessage()"></p>
        <p>密&nbsp;&nbsp;码：<input type="password" /> </p>
        <p>
            性&nbsp;&nbsp;别：
            <input type="radio" name="sex" checked="checked"> 男
            <input type="radio" name="sex"> 女
        </p>
        <p>学&nbsp;&nbsp;历：
            <input type="radio" name="education" checked="checked"> 本科
            <input type="radio" name="education">专科
        </p>
        <p>
            自我介绍:<br/>
            <textarea id="synopsis" cols="30" rows="10"></textarea>
        </p>
        <p>
            <input type="submit" value="提交" onclick="submitEvent()"/>
        </p>
    </from>

</body>

</html>